@charset "utf-8";
/* CSS Document */

body,html{ margin:0; padding:0; font:12px/150% 微软雅黑,宋体, Verdana, Geneva, sans-serif; color:#323232;
    font-size:14px; }
img,h2,h3,ul,li,a { margin:0; padding:0; list-style: none; text-transform:none; border: 0;font-size:14px; }
div,p,li{ font-size:14px; line-height:20px; font-family:微软雅黑,宋体, Verdana, Geneva, sans-serif; color:#323232; }
form, tbody{ margin:0; padding:0; }
/*color:#aaa;*/
input{border: 1px solid #95B8E7;color:#171414b3;font-family:微软雅黑,宋体, Verdana, Geneva;}
textarea{font-family:微软雅黑,宋体, Verdana, Geneva;color:#171414b3;}
a{ color:#909090; text-decoration:none;}
a:hover{ color:#f75555; text-decoration:none;}

.a_white a:link, .a_white a:visited { text-decoration:none; color:#909090; }
.a_white a:hover, .a_white a:active { text-decoration:none; color:#ffffff;}
.a_blue a:link, .a_blue a:visited { text-decoration:none; color:#00c1de; }
.a_blue a:hover, .a_blue a:active { text-decoration:none; color:#00aac4;}
.a_black a:link, .a_black a:visited { text-decoration:none; color:#323232; }
.a_black a:hover, .a_black a:active { text-decoration:none; color:#f75555;}

.us { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.cursor { cursor:pointer; }

.bg-tp { background-color:transparent; }
.clear { clear:both; height:0; overflow:hidden; }
.divno { display:none; }
.lt-sp1 { letter-spacing: 1px; }

.wrapper { width:1258px; margin:0 auto; clear:both; }

.toolbar { height:60px; background-color:#389fda; }
.toolbar .bdr{ border-right:1px #fff solid; }
.toolbar .bdl{ border-left:1px #f0871f solid; }
.toolbar-left { }
.toolbar-left li{ float:left; }
.toolbar-left .logo{ width:65px; height:60px; text-align:center; background-color:#389fda; margin-left: 4px; }
.toolbar-left .logo span{ display:inline-block; width:26px; height:26px; margin-left:25px; background:url(../images/myicon.png) no-repeat left -350px; margin-top:17px; }
.toolbar-left .title{ width:134px; height:60px; line-height:58px; text-align:left; font-size:18px; background-color:#389fda; color:#fff; text-indent: 10px;}
.toolbar-left .gateway { width:150px; padding:15px 0 0 20px; height:39px; color:#ffffff; position:relative; }
.toolbar-left .gateway .gateway-list { position:relative; width:140px; }
.toolbar-left .gateway .gateway-show{ width:138px; padding:0 27px 0 5px; text-align:center; border-style:none; border:1px #bfa332 solid; height:26px; line-height:26px; box-sizing: border-box; border-radius: 3px; font-size:14px; position:absolute; left:0; top:2px; cursor:pointer; background-color:#ffffff; color:#323232; }
.toolbar-left .gateway ul{ position:absolute; width:136px; max-height: 0; overflow:hidden; z-index:50; background-color:#faf8f5; /*background:rgba(255,218,68,.2)*/  }
/*  适用IE浏览器 */
.toolbar-left .gateway ul, .toolbar-left .participant-list {
	scrollbar-arrow-color: #806b1a;    /*三角箭头的颜色*/
	scrollbar-face-color: #e57300;     /*滚动条滑块按钮的颜色*/
	scrollbar-highlight-color: #389fda;   /*滚动条整体颜色*/
	scrollbar-shadow-color: #f0871f;        /*滚动条阴影*/
	scrollbar-track-color: #389fda;    /*滚动条轨道颜色*/
	scrollbar-3dlight-color:#389fda;   /*立体滚动条亮边的颜色*/
	scrollbar-darkshadow-color:#389fda;  /*立体滚动条外阴影的颜色*/
	scrollbar-base-color:#389fda  /*滚动条的基色*/
}
/*  End 适用IE浏览器 */

/*  End 适用于极速浏览器 */
.toolbar-left .gateway ul::-webkit-scrollbar, .toolbar-left .participant-list::-webkit-scrollbar{ /* 滑条颜色 */
	background-color:#e57300;
}
.toolbar-left .gateway ul::-webkit-scrollbar-thumb, .toolbar-left .participant-list::-webkit-scrollbar-thumb{ /* 滑块颜色 */
	background-color: #e57300;
	border:1px solid #f0871f;
	cursor:pointer;
}
.toolbar-left .gateway ul::-webkit-scrollbar-track, .toolbar-left .participant-list::-webkit-scrollbar-track{ /* 滚动条的轨道（里面装有Thumb） */
	background-color: #389fda;
	border-left:1px solid #f0871f;
}
.toolbar-left .gateway ul::-webkit-scrollbar-button:vertical:start { /* 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置 decrement */
	background-color: #d9b93b;
	border:1px solid #f0871f;
	background:url(myicon.png) no-repeat -197px -535px;
}
.toolbar-left .gateway ul::-webkit-scrollbar-button:vertical:end { /* 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置 increment */
	background-color: #d9b93b;
	border:1px solid #f0871f;
	background:url(myicon.png) no-repeat -247px -535px;
}
.toolbar-left .gateway ul::-webkit-scrollbar-track-piece, .toolbar-left .participant-list::-webkit-scrollbar-track-piece{ /* 内层轨道，滚动条中间部分（除去） */
	background-color: #389fda;
	border-left:1px solid #f0871f;
	border-right:1px solid #f0871f;
}
.toolbar-left .gateway ul::-webkit-scrollbar-corner, .toolbar-left .participant-list::-webkit-scrollbar-corner { /* 边角，即两个滚动条的交汇处 */
	background-color: #389fda;
}
.toolbar-left .gateway ul::-webkit-resizer, .toolbar-left .participant-list::-webkit-resizer { /* 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件 */
	background-color: #e57300;
}
/*  End 适用于极速浏览器 */
.toolbar-left .participant-list::-webkit-scrollbar-button:vertical:start {
	background-color: #d9b93b;
	border:1px solid #f0871f;
	background:url(myicon.png) no-repeat -197px -535px;
}
.toolbar-left .participant-list::-webkit-scrollbar-button:vertical:end {
	background-color: #d9b93b;
	border:1px solid #f0871f;
	background:url(myicon.png) no-repeat -247px -535px;
}

.toolbar-left .gateway ul li{ width:100%; padding:0 27px 0 5px; line-height: 26px; text-align:center; font-size:14px; cursor: pointer; color:#323232; }
.toolbar-left .gateway ul li.selected{width: 100%;height: 26px;line-height: 26px;background: #389fda; }
.toolbar-left .gateway ul li:hover{ background: #389fda; }
.toolbar-left .gateway ul.open{ width: 138px; max-height:240px;  border:1px #389fda solid; border-top:0; left:0px; top:32px; overflow-y:auto; }
.toolbar-left .gateway .updown { position:absolute; right:8px; top:10px; width:0; height:0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #323232; }
.toolbar-left .gateway .over { top:2px; border-bottom: 10px solid #323232; border-top:8px solid transparent; }
.toolbar-left .gateway .gateway-state { position:absolute; left:20px; top:26px; color:#FFF; font-size:14px; line-height:20px; z-index:2; }
.toolbar-left .gateway .gray { color:#807e7e; }
.toolbar-left .switch { width:54px; padding:20px 0 0 12px;}
.toolbar-left .switch p{ display:block; width:34px; height:20px; border-radius:10px; background-color:#35be22; cursor:pointer; position:relative; } /* background-color:#00c1de; */
.toolbar-left .switch p.o{ background-color:#ffffff; }
.toolbar-left .switch p span{ display:inline-block; width:18px; height:18px; text-align:center; border-radius:50%; background-color:#ffffff; position:absolute; left:15px; top:1px; }
.toolbar-left .switch p.o span{ left:1px; top:1px; background-color:#323232; }
.toolbar-left .call-state { width:50px; padding-top:14px; }
.toolbar-left .call-state .cstate{ display:inline-block; width:33px; height:33px; background:url(../images/myicon.png) no-repeat -200px -350px; cursor:pointer; }
.toolbar-left .call-state .over { background-position:-100px -350px; }
.toolbar-left .call-state .over-hover { background-position:-150px -350px; }
.toolbar-left .gateway-state { font-size:18px; line-height:58px; /*position:relative;*/ }
.toolbar-left .participant { width:42px; padding:12px 0 0 8px; }
.toolbar-left .participant .participant-list { position:absolute; left:-262px; top:49px; width:300px; max-height:300px; border-radius:3px; overflow-x:hidden; overflow-y:auto; z-index:400; border:1px solid #ababab; border-top:0; background-color:#ffffff; font-size:14px;
	-webkit-box-shadow:0 0 5px #323232;
	-moz-box-shadow:0 0 5px #323232;
	box-shadow:0 0 5px #323232;
}
.toolbar-left .participant .participant-list li{ width:280px; height:49px; overflow:hidden; padding-left:20px; line-height:48px; font-size:14px; border-bottom:1px #e5e5e5 solid; cursor:default; color:#323232; }
.toolbar-left .participant .participant-list li span{ float:right; display:inline-block; width:50px; height:26px; line-height:25px; font-size:14px; background-color:#ff8b18; border-radius:5px; text-align:center; cursor:pointer; margin:12px 30px 0 0; }
.toolbar-left .participant .participant-list li .saying { color:#323232; }
.toolbar-left .participant .participant-list li .sayingbg { background-color:#ff8b18; }
.toolbar-left .participant .participant-list li .listen { color:#ffffff; }
.toolbar-left .participant .participant-list li .listenbg { background-color:#86c930; }
.toolbar-left .participant .participant-list li .offline { color:#ffffff; }
.toolbar-left .participant .participant-list li .offlinebg { background-color:#86c930; }
.toolbar-left .participant .participant-list li .divno { display:none; }
.toolbar-left .gray { color:#807e7e; }
.toolbar-left .gateway-right { float:right; width:700px; height:60px; }
.toolbar-left .gateway-right .telpost{ float:right; display:block; margin:8px 10px 0 0; width:21px; height:25px; background: url(../images/myicon.png) no-repeat -170px top; }
.toolbar-left .gateway-right p{ float:left; }
.toolbar-left .gateway-right .telprompt{ float:left; width:44px; padding-top:13px; }
.toolbar-left .gateway-right .telprompt .cont, .participant .cont, .dialog-title .cont{ position:relative; width:28px; height:28px; border-radius:50%; background:#75f02d url(../images/myicon.png) no-repeat -796px -344px; cursor:pointer; }
.participant .cont{ background-position:-100px -650px; }
.toolbar-left .gateway-right .telprompt .cont{top: 3px;}
/*.dialog-title .cont{ background-position:left -650px; }*/
.dialog-title .cont{ background:url('../images/time_wh.png') no-repeat; background-size: 100%; width: 33px; height: 33px;margin-top: 1px;}
.toolbar-left .gateway-right .telprompt .cont .message, .participant .cont .message, .dialog-title .cont .message{ position:absolute; display:block; width:20px; height:20px; border-radius:50%; text-align:center; font-size:12px; color:#ffffff; background-color:#ff0000; z-index:10; right:-9px; top:-6px; cursor:pointer; }
.toolbar-left .gateway-right .telprompt .cont .tel-list{ position:absolute; width:275px; max-height:250px; overflow:auto; padding:0 15px 0 10px; line-height:50px; border:1px #eaeaea solid; background-color:#FFF; z-index:50; top:47px; -webkit-box-shadow:0 0 5px #323232; -moz-box-shadow:0 0 5px #323232; box-shadow:0 0 5px #323232; }
.toolbar-left .gateway-right .telprompt .cont .tel-list li { height:50px; line-height:50px; width:100%; font-size:14px; }
.toolbar-left .gateway-right .telprompt .cont .tel-list li span{ float:right; margin-top:12px; display:inline-block; height:26px; line-height:24px; width:50px; border-radius:5px; background-color:#ff8b18; color:#323232; text-align:center; }
.toolbar-left .gateway-right .telno{ position:relative; float:left; width:160px; padding-left:8px; height:28px; margin-top:15px; font-size:14px; background-color:#ffffff; border:1px #f0871f solid; margin-right:10px; }
.toolbar-left .gateway-right .telno .telno-c{ width:105px; height:26px; line-height:25px; border-style:none; font-size:14px; color:#323232; }
.toolbar-left .gateway-right .telno .info{ font-size:12px; line-height:14px; color:#a2a5a7; }
.toolbar-left .gateway-right .callingno{ position:relative; float:left; width:210px; padding-left:2px; height:28px; margin-top:16px; font-size:14px;  margin-right:2px; }
.toolbar-left .gateway-right .callingno .call-info { position:absolute; left:0px; top:44px; width:450px; padding:10px 5px 10px 5px; z-index:60; background-color:#FFF; border:1px #eaeaea solid; }
.toolbar-left .gateway-right .callingno .call-info li{ float:left; padding:0 4px; font-size:14px; }
/*.toolbar-left .dialog-title{ width:100px; height:60px; line-height:59px; position:relative; padding-left:20px; font-size:18px; cursor:pointer; }*/
.dialog-title { float:left; width:54px; padding:13px 0 0 12px; }
.dialog-title .dialog-title-list { position:absolute; left:-215px; top:48px; width:250px; max-height:300px; border-radius:3px; overflow-x:hidden; overflow-y:auto; z-index:400; border:1px solid #ababab; border-top:0; background-color:#ffffff; -webkit-box-shadow:0 0 5px #323232; -moz-box-shadow:0 0 5px #323232; box-shadow:0 0 5px #323232; }
.dialog-title .dialog-title-list li{ width:230px; height:49px; line-height:48px; padding-left:20px; font-size:14px; border-bottom:1px #e5e5e5 solid; cursor:default; }
.dialog-title .dialog-title-list li.dialog-title-empty{ text-align:center; padding-left:10px; }
.dialog-title .dialog-title-list li span{ float:right; display:inline-block; width:16px; height:16px; cursor:pointer;}
.dialog-title .dialog-title-list li span.open-dialog{ background:url(../images/myicon.png) no-repeat -100px -540px; margin:16px 10px 0 0; }
.dialog-title .dialog-title-list li span.close-dialog{ background:url(../images/myicon.png) no-repeat -150px -540px; margin:16px 10px 0 0; }

.toolbar-left .gateway-right .telno .call-info { position:absolute; left:0px; top:44px; width:420px; padding:10px 5px 10px 5px; z-index:60; background-color:#FFF; border:1px #eaeaea solid; }
.toolbar-left .gateway-right .telno .call-info li{ float:left; padding:0 4px; font-size:14px; }
.ws_seat_bt{
	/*width:60px; height:28px; line-height:28px; text-align:center; font-size:14px; */
	/*background:url(../images/myicon.png) no-repeat -521px -500px;  border:none; */
	width: 60px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	border-radius: 8px;
	background: #ddd;
	border: none;
	cursor: pointer;
}
.wd-white { background-position:-621px -450px; cursor:pointer;}
.wd-green{ background-position:-521px -350px; cursor:pointer;}
.wd-pink  {
	/*background-position:-521px -400px; cursor:pointer;*/
	background: red;
	color: #fff;
}
.wd-yellow {
	/*background-position:-521px -450px; cursor:pointer;*/
	cursor: pointer;
	background: #75f02d;
	color: #fff;
}
.wd-gray  { background-position:-521px -500px;cursor:default; }
.toolbar-left .gateway-right .state { width:70px; height:46px; padding-top:16px; text-align:center;}
/*
.toolbar-left .gateway-right .state span{ display:inline-block; width:60px; height:28px; line-height:26px; font-size:18px; text-align:center; background:url(../images/myicon.png) no-repeat -521px -350px; }
.toolbar-left .gateway-right .over span{ background-position:-521px -400px; }
green  white


.toolbar-left .gateway-right .state .bt{ width:60px; height:28px; border:none; line-height:26px; font-size:18px; text-align:center; background:url(../images/myicon.png) no-repeat -521px -350px; cursor:pointer; }
.toolbar-left .gateway-right .over .bt{ background-position:-521px -400px; }  -621px -350px
*/

.toolbar-left .gateway-position { width:38px; padding-top:17px; }
.toolbar-left .gateway-position span{ display:block; width:21px; height:25px; background:url(../images/myicon.png) no-repeat -400px -350px; z-index:2; cursor:pointer; }
.toolbar-left .gateway-right .seat-state { float:left; width:132px; padding-left:8px; height:60px; line-height:56px; font-size:14px; }
.toolbar-left .gateway-right .seat-state span { font-size:14px; }
.toolbar-left .gateway-right .username { float:right; width:110px; height:60px; font-size:18px; line-height:58px; text-align:center; color:#323232; background-color:#389fda; }
.toolbar-left .gateway-right .username span{ display:inline-block; width:10px; height:10px; }
.toolbar-left .gateway-right .myexit { float:right; width:45px; height:60px; text-align:center; cursor:pointer; background:#389fda url(../images/myicon.png) no-repeat -288px -332px; cursor:pointer; }
.toolbar-left .gateway-right .seat-state2 { margin-left: 12px;float:left; position:relative; width:230px; padding-left:40px; margin-left:10px; height:60px; line-height:56px; font-size:18px; background-color:#389fda; border-left:1px #fff solid; }
.toolbar-left .gateway-right .seat-state2 .seat-up { position:absolute; left:10px; top:16px; display:block; width:20px; height:20px; background:url(../images/myicon.png) no-repeat -521px -650px; }
.toolbar-left .gateway-right .seat-state2 .over { background-position:-521px -550px; }
/*.toolbar-left .gateway-right .seat-state2 .checkin { background-position:-521px -550px; }*/
.toolbar-left .gateway-right .seat-state2 .checkin { width: 28px;
	height: 28px;
	background: url(../images/upload_wh.png) no-repeat;
	background-size: 100%; }
.toolbar-left .gateway-right .seat-state2 .checkout { background-position:-521px -600px; }
.toolbar-left .gateway-right .seat-state2 .checkinbusy { background-position:-521px -650px; }
.toolbar-left .gateway-right .seat-state2-list { position:absolute; left:-1px; top:60px; width:187px; z-index:100; background-color:#ffffff; border:1px #389fda solid; border-top:0; }
.toolbar-left .gateway-right .seat-state2-list li{ width:137px; height:50px; position:relative; line-height:50px; font-size:14px; color:#000; padding-left:50px; cursor:pointer; }
.toolbar-left .gateway-right .seat-state2-list li:hover { background-color:#f5f5f5; }
.toolbar-left .gateway-right .seat-state2-list li .ele { position:absolute; left:10px; top:15px; display:block; width:20px; height:20px; background:url(../images/myicon.png) no-repeat -521px -550px; }
.toolbar-left .gateway-right .seat-state2-list li.checkout span{ background-position:-521px -550px; }
.toolbar-left .gateway-right .seat-state2-list li.checkout span.over { background-position:-521px -600px; }
.toolbar-left .gateway-right .seat-state2-list li.busy span { background-position:-200px -450px; }
.toolbar-left .gateway-right .seat-state2-list li.busy span.over { background-position:-100px -450px; }
.toolbar-left .gateway-right .seat-state2-list li .myexit2 { height:22px; background-position:0 -450px; }
.toolbar-left .gateway-right .seat-state2-list li .setting { height:22px; background:url(../images/setting.png) no-repeat; }


.control-bar { height:60px; background-color:#373d41; }
.control-bar .bdr{ border-right:1px #2d3236 solid; }
.control-bar .bdl{ border-left:1px #2d3236 solid; }
.control-bar li{ float:left; }
.control-bar .logo{ width:60px; height:60px; text-align:center; }
.control-bar .logo span{ display:inline-block; width:26px; height:26px; background:url(../images/myicon.png) no-repeat left top; margin-top:17px; }
.control-bar .title { width:140px; height:60px; line-height:58px; text-align:center; font-size:18px; color:#ffffff; }
.control-bar .gateway { width:215px; padding:7px 0 0 10px; height:47px; color:#ffffff; position:relative; }

.control-bar .gateway .gateway-list { position:relative; width:140px; }
.control-bar .gateway .gateway-show{ width:108px; padding:0 27px 0 5px; text-align:center; border-style:none; border:1px #cccccc solid; height:22px; line-height:20px; font-size:14px; position:absolute; left:0; top:0; cursor:pointer; background-color:#373d41; color:#ffffff; }
.control-bar .gateway ul{ position:absolute; width:140px; max-height: 0; overflow:hidden; z-index:50; background-color:#454a4e; }
.control-bar .gateway ul li{ width:108px; padding:0 27px 0 5px; line-height: 20px; text-align:center; font-size:14px; cursor: pointer; color:#ffffff; }
.control-bar .gateway ul li.selected{ background: #39f; color:#fff; }
.control-bar .gateway ul li:hover{ background: #a7d0f8; color:#fff; }
.control-bar .gateway ul.open{ max-height:250px;  border:1px #d6d7dc solid; border-top:0; left:0px; top:24px; }
.control-bar .gateway .updown { position:absolute; right:8px; top:7px; width:0; height:0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #cccccc; }
.control-bar .gateway .over { top:-2px; border-bottom: 10px solid #cccccc; border-top:8px solid transparent; }
.control-bar .gateway .gateway-state { position:absolute; left:20px; top:34px; color:#FFF; font-size:14px; line-height:20px; z-index:2; }
.control-bar .gateway .gray { color:#807e7e; }
/*.control-bar .interlocutors { width:135px; line-height:58px; font-size:18px; color:#FFF; text-align:center; } */
.control-bar .switch { position:absolute; right:14px; top:8px; width:40px; }
.control-bar .switch p{ display:block; width:34px; height:20px; border-radius:10px; background-color:#807e7e; cursor:pointer; position:relative; } /* background-color:#00c1de; */
.control-bar .switch p.o{ background-color:#090; }
.control-bar .switch p span{ display:inline-block; width:18px; height:18px; text-align:center; border-radius:50%; background-color:#373d41; position:absolute; left:15px; top:1px; }
.control-bar .switch p span.o{ left:1px; top:1px; }
.control-bar .call-state { width:60px; padding-top:14px; }
.control-bar .call-state .cstate{ display:inline-block; width:32px; height:32px; background:url(../images/myicon.png) no-repeat -350px -80px; }
.control-bar .call-state .over { background-position:-230px -80px; }
.control-bar .call-state .over-hover { background-position:-290px -80px; }
.control-bar .gateway-right { float:right; width:670px; height:60px; }
/*
.control-bar .gateway-right { float:right; width:540px; height:60px; padding-left:10px; }
.control-bar .gateway-right .telpost{ float:right; display:block; margin:8px 10px 0 0; width:21px; height:25px; background: url(../images/myicon.png) no-repeat -170px top; }
.control-bar .gateway-right p{ float:left; }
.control-bar .gateway-right .telno{ width:180px; height:46px; padding-top:10px; }
.control-bar .gateway-right .telno .telno-c{ width:120px; height:24px; line-height:22px; padding:0 4px; border-style:none; font-size:14px; border:1px solid #cccccc; color:#FFF; background-color:#373d41; }
.control-bar .gateway-right .telno .info{ font-size:12px; line-height:14px; color:#a2a5a7; }
.control-bar .gateway-right .username { width:115px; height:60px; font-size:18px; line-height:58px; color:#FFF; text-align:center; }
.control-bar .gateway-right .myexit { width:60px; height:60px; text-align:center; cursor:pointer; background:url(../images/myicon.png) no-repeat -91px 18px; }
.control-bar .gateway-right .state { width:60px; height:46px; padding-top:14px; text-align:center; cursor:pointer; }
.control-bar .gateway-right .state span{ font-size:18px; color:#FFF; line-height:30px; }
*/

.gateway-right-div { float:left; width:495px; }
.gateway-right-top { width:495px; padding-top:6px; }
.gateway-right-top li{ float:left; color:#f5f5f5; }
.gateway-right-top .telno{ padding-right:12px; }
.gateway-right-top .telno input{ width:120px; height:22px; line-height:20px; padding:0 4px; border-style:none; font-size:14px; border:1px solid #cccccc; color:#FFF; background-color:#373d41; }
/*
.gateway-right-top .gateway-position { width:25px; padding-right:8px; }
.gateway-right-top .gateway-position span{ display:block; width:21px; height:25px; background:url(../images/myicon.png) no-repeat -170px top; z-index:2; }
*/
.gateway-right-top .gateway-position span{ display:block; width:21px; height:25px; background:url(../images/myicon.png) no-repeat -170px top; z-index:2; }
.gateway-right-top .state { border:1px #cccccc solid; border-right:0; padding:0 25px; line-height:20px; height:22px; font-size:14px; cursor:pointer; }
.gateway-right-top .state:hover { background-color:#FFF; color:#000; }
.gateway-right-top li:last-child{  border-right:1px #cccccc solid; }
.gateway-right-bottom { width:470px; padding-top:4px; color:#f5f5f5; clear:left; font-size:14px;　line-height:20px; }
.gateway-right-bottom .gateway-position-user { margin-left:10px; display:inline-block; }
.gateway-right-bottom .gateway-position { margin-left:5px; margin-top:2px; display:inline-block; width:21px; height:20px; background:url(../images/myicon.png) no-repeat -170px -70px; z-index:2; cursor:pointer; }

.gateway-right .username { float:left; width:113px; height:60px; font-size:18px; line-height:58px; color:#FFF; text-align:center; }
.gateway-right .myexit { float:left; width:60px; height:60px; text-align:center; cursor:pointer; background:url(../images/myicon.png) no-repeat -91px 18px; }

.pagetop { height:60px; background-color:#389fda; }
.pagetop li{ float:left; }
.top-close { float:right; background-color:#389fda; }
.top-close .user-info { width:160px; height:60px; line-height:58px; text-align:center; border-left:1px #f0871f solid; font-size:18px; color:#323232; }
.top-close .close { width:61px; height:60px; text-align:center; cursor:pointer; }
/*.top-close .close:hover { background-color:#389fda; }*/
.top-close .close span{ display:inline-block; width:24px; height:24px; background:url(../images/myicon.png) no-repeat -110px top; margin-top:18px; }
.top-head { margin-right:300px; }
.top-head .logo{ width:61px; height:60px; text-align:center; background-color:#389fda; }
.top-head .logo span{ display:inline-block; width:26px; height:26px; background:url(../images/myicon.png) no-repeat left -350px; margin-top:17px; }
.top-head .title { width:140px; height:60px; line-height:58px; text-align:center; border-right:1px #f0871f solid; font-size:18px; color:#323232; background-color:#389fda; }
.top-head .pathlogo { width:25px; height:40px; padding:20px 0 0 20px; }
.top-head .pathlogo span{ display:inline-block; width:15px; height:24px; background:url(../images/myicon.png) no-repeat -60px top; }
.top-head .mypath { line-height:58px; font-size:14px; color:#323232; }
.top-head .mypath font{ color:#ffffff; }
.top-head .gateway { float:right; width:200px; padding-top:10px; line-height:20px; font-size:14px; color:#ffffff; }
.top-head .gateway p{ padding-top:5px; line-height:20px; font-size:14px; color:#ffffff; }

.main-container { overflow:hidden; clear:both; }
.user-c {  }
.leftMenu { float:left; width:200px; background-color:#389fda; height:300px; }
.back { height:48px; padding:2px 0 0 37px; line-height:48px; font-size:14px; background:#4a5064 url(../images/myicon.png) no-repeat 20px -82px; color:#ffffff; cursor:pointer; }
.back:hover { background-color:#333744; }
.community {  }
.community li { height:48px; padding:2px 0 0 50px; line-height:48px; font-size:14px; background:#389fda url(../images/myicon.png) no-repeat 24px -226px; color:#323232; cursor:pointer; }
.community li:hover { background-color:#f27900; background-position:24px -226px; }
.community li.over { background-color:#389fda; background-position:24px -226px; }
.right-container { margin-left:200px; }
.right-container2 { margin-left:0px; }
.search { height:50px; line-height:48px; padding:0 0 0 20px; border-bottom:1px #389fda solid; font-size:14px; color:#323232; }
.search-employee{ height:44px; line-height:42px; padding:5px 0 5px 20px; }
.search input{ height:28px; line-height:28px; font-size:14px; padding:0 5px; border-style:none; border:1px #aba4a4 solid; border-radius:3px; margin-left:10px; }
.search input.date1{ width:120px; }
.search select{ height:28px; line-height:28px; font-size:14px; padding:0 5px; border-style:none; border:1px #aba4a4 solid; border-radius:3px; margin-left:10px; }
.search span { padding:2px 15px; background-color:#389fda; color:#323232; cursor:pointer; border-radius:3px; }
.inpt1 { border-style:none; border:1px #cccccc solid; }
.rightlist { float:right; width:364px; height:300px; border:1px #e1e1e1 solid;  border-left:6px #389fda solid; border-top:0px; overflow:hidden; overflow-x:hidden; overflow-y:auto; position:relative; }
.r-con-list { border-left:6px #eaedf1 solid; background-color:#eaedf1;  }
.index-rl { clear:both; }
.myeventElement { border-top:1px #cccccc solid; clear:both; overflow:hidden; padding-bottom:10px; padding-top:15px; }
.nobd { border-top:0px; padding:10px 15px; }
.myeventElement:first-child { border-top:0px; }
.myeventElement .user-info { position:relative; padding:0 15px; height:80px; }
.nobd .user-info { padding-left:0; padding-right:0; }
.myeventElement .new { background-color:#f75555; }
.myeventElement .new .nsign{ position:absolute; left:33px; top:20px; background:url(../images/myicon.png) no-repeat -550px top; width:8px; height:8px; overflow:hidden; border-radius:50%; }
.myeventElement .user-info .p{ float:left; width:60px; padding-top:20px; }
.myeventElement .user-info .p img{ border-radius:50%; width:45px; height:45px; }
.myeventElement .user-info .c{ margin-left:60px; margin-right:40px; padding-top:16px; line-height:22px; font-size:14px; }
.myeventElement .user-info .c font{ font-size:14px; color:#646464; }
.myeventElement .user-info .addlabel{ float:right; width:40px; padding-top:30px; }
.myeventElement .user-info .addlabel span{ display:inline-block; width:21px; height:25px; background:url(../images/myicon.png) no-repeat -170px top; }
.myeventElement .new .addlabel span{ display:inline-block; width:21px; height:25px; background:url(../images/myicon.png) no-repeat -170px top; }

.datagrid .datagrid-pager { padding:8px 0; }
.pagination td { height:24px; padding:0; margin:0; vertical-align:middle; }
.pagination-btn-separator { margin:0 1px; height:24px; }

.myeventElement .event-info-title { font-size:20px; padding:1px 15px 5px 15px; line-height:22px; }
.myeventElement .event-info-title span{ float:left; display:block; font-size:12px; line-height:22px; border-radius:11px; padding:0 10px; margin-right:6px; }
.myeventElement .event-info-title span.war1{ background-color:#3066ff; color:#ffffff; }
.myeventElement .event-info-title span.war2{ background-color:#fae003; color:#ffffff; }
.myeventElement .event-info-title span.war3{ background-color:#f48835; color:#ffffff; }
.myeventElement .event-info-title span.war4{ background-color:#fd5554; color:#ffffff; }
.myeventElement .column-con { padding-left:15px; padding-right:15px; overflow:hidden; }
.myeventElement .event-info { font-size:14px; color:#646464; line-height:22px; padding:0 15px 10px 15px; }
.myeventElement .event-info-pic img{ max-width:315px; }
.myeventElement .event-info-pic p{ padding:3px 0; }
.myeventElement .other-file{ padding:5px 15px; }
.myeventElement .piclist img{ max-width:320px; margin:3px 0; }
.myeventElement .piclist p{ font-size:14px; line-height:24px; }
.myeventElement .piclist p.attachment{ font-size:18px; }
.myeventElement .event-time { font-size:14px; color:#909090; padding:10px 15px; clear:both; }
.useredit { width:60%; margin:0 auto; }
.reply-con { padding:0px 0 0 60px; font-size:14px; color:#646464; line-height:22px; margin-top: -10px;}
.reply-con p{ font-size:14px; color:#646464; line-height:22px; }
.reply-con audio{ width:100%; }
.reply-con img{ padding:5px 0; max-width:265px; }
.right-container { margin-left:200px; }
.search .user-back { padding:3px 12px; background:url(../images/myicon.png) no-repeat -420px top; }
.replycall { padding:20px 15px; border-top:0; }
.mybottom {
	display: inline-block;
	padding: 0 10px;
	height: 32px;
	line-height:29px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #00B7A8;
	margin-left: 40px;
	border-radius: 5px;
	color:#00B7A8;
	float: right;
	cursor: pointer;
}
.yellow, .loginPassword-pre em.yellow { background-color:#f5a52a; }
.send-file { display:inline-block; float:right; font-style:normal; color:#389fda; margin-right:10px; font-size:14px; padding:3px 5px; cursor:pointer; border:1px #389fda solid; text-align:center; border-radius:5px; }
.reply-box { padding:5px; border:1px #95B8E7 solid; border-radius:5px; background-color:#ffffff; }
.reply-box textarea{ width:290px; height:88px; line-height:22px; border-style:none; font-size:14px; color:#646464; }
.reply-attachment { padding-top:20px; padding-bottom:20px; }
.reply-attachment p{ padding:5px 0; line-height:22px; font-size:14px; }

.right-con { margin-right:306px; padding:20px 20px 0 20px; }
.user-container { padding:20px 20px 0 20px; }
.leftmap { margin-right:300px; overflow:hidden; position:relative; clear:left; }  /*-491px*/
.searchinfo { position:absolute; height:300px; width:410px; left:0; top:0; background-color:#00F; border:1px #cccccc solid; border-top:0px; padding:10px; z-index:10; background-color:#ffffff; overflow-x:hidden; overflow-y:auto; }
.searchinfo-close{ position:absolute; left:375px; top:280px; z-index:100; cursor:pointer; line-height:20px; background-color:#389fda; padding:0 5px; border-radius:3px; display:none; }
/*
.leftmap .show-list { position:absolute; width:120px; height:30px; line-height:30px; text-align:center; background-color:#f0eeeb; z-index:20; right:135px; top:10px; border:1px #8ba4dc solid; }
.leftmap .show-list ul{ position:relative; left:-1px; top:1px; }
.leftmap .show-list ul li{ width:120px; height:29px; line-height:29px; background-color:#f0eeeb; border:1px #8ba4dc solid; border-top:0px; text-align:center; }
*/
.leftmap .show-list { position:absolute; height:26px; line-height:24px; background-color:#f0eeeb; z-index:20; right:5px; top:5px; border:1px #8ba4dc solid; border-radius:3px; }
.leftmap .show-list-gj { position:absolute;overflow: hidden;padding: 0 5px; height:30px; line-height:24px; background-color:#f0eeeb; z-index:20; right:320px; top:5px; border:1px #8ba4dc solid; border-radius:3px; }
.leftmap .upopen{ border-radius:3px 3px 0 0; }
.leftmap .show-list .title{ height:26px; line-height:26px; cursor:pointer; font-size:14px; padding-left:20px; }
.leftmap .show-list .updown2 { position:absolute; right:10px; top:8px; width:0; height:0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 9px solid #cacaca; }
.leftmap .show-list .over { top:0px; border-bottom: 9px solid #00a1e9; border-top:7px solid transparent; }
.leftmap .show-list ul{ position:relative; width:162px; max-height:0; overflow:hidden; left:-1px; top:1px; }
.leftmap .show-list ul li{ position:relative; width:135px; height:25px; padding-left:25px; line-height:25px; font-size:14px; background-color:#f0eeeb; border:1px #8ba4dc solid; border-top:0px; }
.leftmap .show-list ul li:last-child { border-radius:0 0 3px 3px; }
.leftmap .show-list ul.open{ max-height:250px; }
.leftmap .show-list ul li span{ display:block; width:150px; height:25px; left:0; top:0; overflow:hidden; position:absolute; z-index:150; cursor:pointer; }

.leftmap .village-list, .select-custom .village-sect{ width:160px; height:26px; line-height:26px; border-radius:3px; }
.leftmap .village-list { position:absolute; z-index:20; right:308px; top:10px; background-color:#f0eeeb; border:1px #8ba4dc solid; }
.select-custom .village-sect { position:absolute; width:110px; z-index:50; border:1px #aba4a4 solid; }
.leftmap .upopen{ border-radius:3px 3px 0 0; }
.select-custom .upopen{ border-radius:3px 3px 0 0; }
.leftmap .village-list .title, .select-custom .village-sect .title{ height:26px; line-height:26px; cursor:pointer; font-size:14px; padding-left:20px; }
.leftmap .village-list .updown3 { position:absolute; right:10px; top:8px; width:0; height:0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 9px solid #cacaca; }
.select-custom .village-sect .updown4 { position:absolute; right:10px; top:8px; width:0; height:0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 9px solid #cacaca; }
.leftmap .village-list .over, .select-custom .village-sect .over { top:0px; border-bottom: 9px solid #00a1e9; border-top:7px solid transparent; }
.leftmap .village-list ul, .select-custom .village-sect ul{ position:relative; width:162px; max-height:0px; overflow:hidden; left:-1px; top:-1px; }
.select-custom .village-sect ul{ width:112px; background-color:#FFF; }
.leftmap .village-list ul li, .select-custom .village-sect ul li{ width:135px; height:25px; padding-left:25px; line-height:25px; font-size:14px; cursor:pointer; }
.leftmap .village-list ul li{ background-color:#f0eeeb; border:1px #8ba4dc solid; border-top:0px; }
.leftmap .village-list ul li:first-child{ border:1px #8ba4dc solid; }
.maptop-left .maptop-leftc li.select-custom .village-sect ul li{ width:80px; padding:0 10px 0 20px; border:1px #aba4a4 solid; border-top:0px; }
.maptop-left .maptop-leftc li.select-custom .village-sect ul li:first-child{ border:1px #aba4a4 solid; }
.leftmap .village-list ul li:last-child, .select-custom .village-sect ul li:last-child { border-radius:0 0 3px 3px; }
.leftmap .village-list ul li.selected { background-color:#d9d7d4; }
.select-custom .village-sect ul li.selected { background-color:#f5f5f5; }
.leftmap .village-list ul li:hover { background-color:#a29ef5; }
.select-custom .village-sect ul li:hover { background-color:#ebebeb; }
.leftmap .village-list ul.open, .select-custom .village-sect ul.open{ max-height:250px; }

.maptop { height:50px; border-bottom:1px #e1e1e1 solid; }
.maptop-right { float:right; width:325px; height:50px; border-left:6px #389fda solid; line-height:48px; padding:0 20px; font-size:14px; }
.maptop-right span{ display:inline-block; float:right; padding-right:5px; }

.maptop-left { margin-right:360px; padding-top:10px; }
.maptop-left .maptop-leftb { float:right; /*width:360px;*/ padding-top:1px; }
.maptop-left .maptop-leftb span{ display:inline-block; width:100px; height:28px; line-height:28px; margin-right:20px; text-align:center; background-color:#389fda; color:#323232; cursor:pointer; border-radius:3px; font-size:14px; }
.maptop-left .maptop-leftc { margin-right:360px; padding:1px 0 0 20px; height:30px; }
.maptop-left .maptop-leftc ul li{ float:left; padding:0 10px; }
.maptop-left .maptop-leftc ul li.select-custom{ width:130px; }
.maptop-left .maptop-leftc span { padding:6px 15px; background-color:#389fda; color:#323232; cursor:pointer; border-radius:3px; font-size:14px; }
.maptop-left .maptop-leftc input{ border-style:none; border:1px #aba4a4 solid; height:26px; line-height:22px; font-size:14px; border-radius:3px; padding:0 5px; }
.maptop-left .maptop-leftc select{ border-style:none; border:1px #aba4a4 solid; line-height:22px; font-size:14px; border-radius:2px; }
.maptop-left .maptop-leftc option{ line-height:22px; font-size:14px; }
.maptop-left .maptop-leftc .spantp{ padding-top:4px; }
.maptop-left .maptop-leftc ul li.select-custom { width:122px; padding:0; }
.maptop-left .maptop-leftc .select-custom input{ width:143px; padding:0 2px 0 5px; border-style:none; border:1px #aba4a4 solid; height:26px; line-height:20px; font-size:14px; position:absolute; left:0; top:0; border-radius:3px; cursor:pointer; }
.map-icon { display:block; position:absolute; border:3px #aba4a4 solid; border-radius:5px; z-index:200; width:70px; height:70px; }
.map-icon2 { display:block; position:absolute; border:2px #aba4a4 solid; border-radius:50%; z-index:200; width:40px; height:40px; }
.map-icon-warning { border-color:#d1cf2b; }
.map-icon-red { border-color:#e92525; }
.map-icon-green { border-color:#35be22; }
.map-icon-blue { border-color:#ff8b18; }


/*
.select-custom ul{ position:absolute; width:122px; max-height: 0; overflow:hidden; z-index:50; background-color:#FFF; }
.select-custom ul li{ float:none;  width:150px; padding:0px; line-height: 26px; cursor: pointer; font-size:14px; }
.select-custom ul li.selected{ background: #39f; color:#fff; }
.select-custom ul li:hover{ background: #a7d0f8; color:#fff; }
.select-custom ul.open{ width:150px; max-height:250px;  border:1px #aba4a4 solid; border-top:0; left:0; top:26px; }
.select-custom .updown { position:absolute; right:17px; top:7px; width:0; height:0; border-left:8px solid transparent; border-right: 8px solid transparent; border-top: 13px solid #cacaca; }
.select-custom .over { top:-3px; border-bottom: 13px solid #00a1e9; border-top:8px solid transparent; }
*/
.selement { height:165px; overflow:hidden; padding-top:10px; cursor:pointer; }
.selement:hover { background-color:#f5f5f5; }
.selement .lable1{ float:left; width:28px; padding:5px 0 0 10px; }
.selement .lable2{ float:left; width:28px; padding:5px 0 0 10px; }
.selement .lable3{ float:left; width:28px; padding:5px 0 0 10px; }
.selement .lable4{ float:left; width:28px; padding:5px 0 0 10px; }
.selement .lable5{ float:left; width:28px; padding:5px 0 0 10px; }
.selement .lable6{ float:left; width:28px; padding:5px 0 0 10px; }
.selement .lable7{ float:left; width:28px; padding:5px 0 0 10px; }
.selement .lable8{ float:left; width:28px; padding:5px 0 0 10px; }
.selement .lable9{ float:left; width:28px; padding:5px 0 0 10px; }
.selement .lable10{ float:left; width:28px; padding:5px 0 0 10px; }
.selement .lable1 span{ display:inline-block; width:17px; height:23px; background:url(../home/search_1_s.png) left top; }
.selement .lable2 span{ display:inline-block; width:17px; height:23px; background:url(../home/search_2_s.png) left top; }
.selement .lable3 span{ display:inline-block;  width:17px; height:23px; background:url(../home/search_3_s.png) left top; }
.selement .lable4 span{ display:inline-block;  width:17px; height:23px; background:url(../home/search_4_s.png) left top; }
.selement .lable5 span{ display:inline-block;  width:17px; height:23px; background:url(../home/search_5_s.png) left top; }
.selement .lable6 span{ display:inline-block;  width:17px; height:23px; background:url(../home/search_6_s.png) left top; }
.selement .lable7 span{ display:inline-block;  width:17px; height:23px; background:url(../home/search_7_s.png) left top; }
.selement .lable8 span{ display:inline-block;  width:17px; height:23px; background:url(../home/search_8_s.png) left top; }
.selement .lable9 span{ display:inline-block;  width:17px; height:23px; background:url(../home/search_9_s.png) left top; }
.selement .lable10 span{ display:inline-block;  width:17px; height:23px; background:url(../home/search_10_s.png) left top; }
.selement .pic{ float:right; width:130px; height:130px; overflow:hidden; margin:0; position:relative; }
.selement .pic img{ width:130px; display:block; position:absolute; left:0; top:0;  position:absolute; }
.selement .con{ margin:0 140px 0 48px; }
.selement .con .t{ height:22px; font-size:18px; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.selement .con .t span{ float:left; display:block; font-size:12px; line-height:22px; border-radius:11px; padding:0 10px; margin-right:6px; }
.selement .con .t span.war1{ background-color:#3066ff; color:#ffffff; }
.selement .con .t span.war2{ background-color:#fae003; color:#ffffff; }
.selement .con .t span.war3{ background-color:#f48835; color:#ffffff; }
.selement .con .t span.war4{ background-color:#fd5554; color:#ffffff; }
.selement .con .c { height:88px; overflow:hidden; padding-top:5px; }
.selement .con .c p{ font-size:14px; color:#646464; line-height:22px; }
.selement .time{ clear:both; padding-left:50px; color:#909090; }
.pageinfo { padding:10px 0; clear:both; text-align:center; }
.pageinfo span{ display:inline-block; line-height:18px; border:1px #00c1de solid; padding:0 6px; font-size:12px; color:#00c1de; margin:0 5px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.pageinfo span:hover { background-color:#f5f5f5; }
.pageinfo span.over { line-height:20px; border:0px; color:#323232; }

.searchinfo2 { position:absolute; height:100%; width:400px; left:0; top:0; background-color:#00F; border:1px #cccccc solid; border-top:0px; padding:10px; z-index:20; background-color:#ffffff; overflow-x:hidden; overflow-y:auto; }
.searchinfo2 .myeventElement { border:0px; }
.backlist { height:40px; line-height:38px; text-align:center; font-size:14px; color:#00c1de; text-align:left; padding-left:20px; border-bottom:1px #ebe7e7 solid; cursor:pointer; }
.backlist span { padding:0 6px; line-height:38px; background:url(../images/myicon.png) no-repeat -340px 4px; }

.mask { position:absolute; width:100%; height:100%; z-index:9900; left:0; top:0; background:#000000; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; }

.upload-prompt { position:fixed; z-index:9950; left:0; top:0; width: 100%; height: 100%; overflow: hidden; }
.upload-prompt p{ width:200px; height:60px; line-height:60px;  margin:0 auto; color:#fff; font-size:14px; text-align:center; background-color:#389fda; border:1px solid #e57300; border-radius:5px; }

.datagrid-header-inner .datagrid-htable .datagrid-header-row .datagrid-cell, .datagrid-body .datagrid-btable td .datagrid-cell{ height:31px; line-height:31px; font-size:14px;  }
.datagrid-header-inner .datagrid-htable .datagrid-header-row td{ vertical-align: middle;background-color:#f5f6fa; height:35px; line-height:35px; }
.datagrid-header .datagrid-cell span{ font-size:14px; height:31px; line-height:31px; }
/*height:31px;*/
.datagrid-body .datagrid-btable tr div { font-size:14px; color:#646464; height:auto; line-height:31px; }
.datagrid-body .datagrid-btable tr:hover div { background-color:#c9e1ec; }
.datagrid-row-selected, .datagrid-row-over { background-color:#c9e1ec; }
.datagrid-row-selected .datagrid-cell-rownumber { background-color:#c9e1ec; }
.datagrid-row-over .datagrid-td-rownumber { background-color:#389fda; color:#ffffff; }

/*  地图上的信息弹窗*/
/*
.popup-window-mask { position:absolute; left:200px; top:200px; width:200px; height:120px; overflow:hidden; background:#000000; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; z-index:50; border-radius:6px;
  -webkit-box-shadow:0 0 8px #000000;
  -moz-box-shadow:0 0 8px #000000;
  box-shadow:0 0 8px #000000;
  }
*/
.popup-window-mask { position:absolute; left:50px; top:50px; width:110px; height:auto; z-index:50; border-radius:6px; background:#000000; /*filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;*/ z-index:50;
	/*background-color:rgb(0,0,0,0.6);*/
	-webkit-box-shadow:0 0 8px #000000;
	-moz-box-shadow:0 0 8px #000000;
	box-shadow:0 0 8px #000000;
}
.popup-window { width:110px; z-index:100; border-radius:6px; border:0px #a2a1a1 solid; position:relative; }
.popup-window-close { position:absolute; width:16px; height:16px; background:url(../images/myicon.png) no-repeat -898px -98px; right:4px; top:6px; z-index:120; cursor:pointer; }
.popup-window-close:hover { background-position:-948px -98px; }
.popup-window .earth{ height:37px; }
.popup-window .earth li{ float:left; height:37px; }
.popup-window .earth li span{ display:inline-block; width:11px; height:11px; margin-top:13px; }
.popup-window .earth .e1{ width:40px; text-align:center; }
.popup-window .earth .e1 span{  width:20px; height:20px; background:url(../images/myicon.png) no-repeat -450px -100px; margin-top:8px; }
.popup-window .earth .e2{ width:70px; text-align:center; }
.popup-window .earth .e2 span{ display:inline-block; margin:13px 6px 0 6px; background-color:#e92525; border-radius:50%; }
.popup-window .earth .e2 .normal{ background-color:#35be22; }
.popup-window .pw-right { overflow:hidden; }
.popup-window .pw-right li{ float:left; height:39px; }
.popup-window .pw-right li.tdh{ width:109px; height:30px;border-bottom:1px #a2a1a1 solid; }
.popup-window .pw-right li.tdh p{ height:30px; margin:0 13px 0 6px; overflow:hidden; font-size:12px; line-height:29px; color:#FFF;  }
.popup-window .pw-right li.tdl{ width:38px; border-right:1px #a2a1a1 solid; border-bottom:1px #a2a1a1 solid; background:url(../images/myicon.png) no-repeat; }
.popup-window .pw-right li.tdr{ width:71px; border-bottom:1px #a2a1a1 solid; text-align:center; }
.popup-window .pw-right li.pw-tel{ background-position:-511px -90px; }
.popup-window .pw-right li.pw-shoot{ background-position:-581px -92px; }
.popup-window .pw-right li.pw-intercom{ background-position:-648px -94px; }
.popup-window .pw-right .tdr span{ display:inline-block; width:35px; height:13px; overflow:hidden; margin-top:14px; background-color:#e92525; }
.popup-window .pw-right .normal span{ background-color:#35be22; }
.popup-window .pw-right .warn span{ background-color:#CCAE37; }
.green span{ background-color:#35be22; }

/*  用户新增 */
.form-crt-right input { border:1px #aba4a4 solid; width:300px; font-size:14px; line-height:26px; }
.form-crt-right textarea { border:1px #aba4a4 solid; }
.form-crt-right span { display:inline-block; margin-bottom:3px; }
.selectcon { height:auto; padding-top:7px; } /* height:33px; */
.selectcon select { border:1px #aba4a4 solid; width:160px; height:35px; vertical-align:bottom; border-radius:5px; font-size:14px; line-height:35px; }
.check-radio input { border:0px; width:auto; height:auto; margin-right:10px; }
.check-radio { font-size:14px; line-height:40px; }
.form-crt-right span{ background-color:#389fda; padding:3px 10px; font-size:14px; border-radius:3px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; cursor:pointer; }
.submitDiv { padding-bottom:50px; }
.submitDiv input{ border:none; background-color:#389fda; color:#323232; padding:3px 15px 5px 15px; line-height:22px; font-size:14px; border-radius:5px; margin-right:50px; letter-spacing:3px; cursor:pointer; }
.loginPassword-pre { height:14px; padding-left:138px; }
.loginPassword-pre em{ display:inline-block; font-size:12px; line-height:14px; padding:3px 10px 3px 5px; color:#ffffff; cursor:pointer; background-color:#389fda; border-radius:3px; }

/*  任务新增 */
.form-crt-right .element{ float:left; width:100px; height:100px; margin:0 20px 20px 0; position:relative; border:1px #dcdcdc solid; }
.form-crt-right .element-add { float:left; width:98px; height:98px; border:2px #dcdcdc dashed; background:url(../images/myicon.png) no-repeat -771px 29px; cursor:pointer; }
.form-crt-right .element span{ display:block; width:24px; height:24px; padding:0px; position:absolute; right:-11px; top:-11px; z-index:10; background:#ffffff url(../images/myicon.png) no-repeat -700px top; border-radius:50%; cursor:pointer; }
.form-crt-right .element div{ width:100px; height:100px; overflow:hidden; }
.form-crt-right .element div img{ }
.form-crt-right .task-pic-bottom { background-color:#389fda; padding: 3px 10px; font-size: 14px; border-radius: 3px; display:inline-block; cursor:pointer; }
.attachment { padding:10px 0; }
.attachment p{ padding-bottom:10px; line-height:16px; font-size:14px; }
.attachment p .filename{ font-style:normal; display:inline-block; height:24px; line-height:24px; font-size:14px; }
.attachment p .delfilename{ display:inline-block; padding:3px 5px; line-height:16px; background-color:#f75555; cursor:pointer; color:#FFF; border-radius:3px; font-size:12px; }
.attachment span{ cursor:pointer; }
.form-crt-right	select { width:150px; height:38px; line-height:34px; font-size:14px; border-radius:5px; border-style:none; border:1px #a9a9a9 solid; }
.form-crt-right	select option { font-size:14px; line-height:36px; }
/*
.form-crt-right-default span { display:inline-block; padding:0 10px; }
.form-crt-right-default span input { border:1px #aba4a4 solid; width:20px; }
*/
.form-crt-right-default input {
	border-style:none;
	border:1px #aba4a4 solid;
}

/*.form-crt-right em { display:inline-block; width:20px; height:20px; border:1px solid #cccccc; margin-right:5px; }

.form-crt-right .custombox { background-color: #fff; padding:0; border-radius: 0px; margin-bottom:0; }
.custombox { display:inline-block; width:20px; height:20px; border:1px solid #cccccc; margin-right:5px; cursor:pointer; }
.form-crt-right li { height:20px; line-height:20px; display:inline-block; }
.custombox-list-selected em, .selected{ background:url(../images/myicon.png) no-repeat left -540px; }
.custombox-list { padding-top:15px; }
.custombox-list .selected{ background:url(../images/myicon.png) no-repeat left -540px; }
 */
/*  网络开关 */
.network-switch { position:absolute; left:200px; top:200px; width:300px; height:auto; border:1px #d6d7dc solid; border-radius:7px; background-color:#FFF; z-index:201; }
.network-switch .network-switch-title { font-size:14px; color:#909090; padding:12px 0 12px 10px; border-bottom:1px #d6d7dc solid; position:relative; background-color:#f4f5f6; border-radius:7px 7px 0 0; }
.network-switch-tclose { position:absolute; right:5px; top:0px; width:24px; height:40px; background:url(../images/alerts-close.png) no-repeat -10px top; border-radius:0 5px 0 0; cursor:pointer; }
.network-switch-tclose:hover { background-position:-170px top; }
.network-switch .network-switch-message { font-size:14px; padding:10px; line-height:24px; color:#574f49; }
.network-switch .network-switch-buttom { padding:10px 10px; border-top:1px #d6d7dc solid; }
.network-switch .network-switch-buttom span{ display:inline-block; padding:4px 5px; font-size:14px; background-color:#389fda; color:#FFF; margin:0 10px; cursor:pointer; border-radius:3px; }

.network-switch1 { position:absolute; left:200px; top:200px; width:300px; height:auto; border:1px #d6d7dc solid; border-radius:7px; z-index:201; }
.network-switch1 .network-switch-title { font-size:14px; color:#ffffff; padding:12px 0 12px 10px; border-bottom:1px #80807d solid; position:relative; border-radius:7px 7px 0 0; background:#000000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.network-switch1 .network-switch-message { font-size:14px; padding:10px; line-height:24px; color:#574f49; }
.network-switch1 .network-switch-buttom { padding:10px 10px; border-top:1px #d6d7dc solid; }
.network-switch1 .network-switch-buttom span{ display:inline-block; padding:4px 5px; font-size:14px; background-color:#389fda; color:#FFF; margin:0 10px; cursor:pointer; border-radius:3px; }


.video-window { width:395px; border-radius:7px 7px 0 0; }
.video-window .network-switch-message { padding:0px; margin:0; background-color:#323232;}
.video-window .playerbd{ line-height:0px; }

.warn-message { position:fixed; right:2px; bottom:2px; width:220px; z-index:200; }
.seat-message { position:fixed; right:2px; top:2px; width:220px; z-index:200; }
.warn-message .warn-head, .seat-message .warn-head { border-radius:5px 5px 0 0; background-color:#f75555; color:#ffffff; height:24px; padding-left:10px; }
.warn-message .warn-head .close-message, .seat-message .warn-head .close-message{ display:block; float:right; width:24px; height:24px; border-radius:0 5px 0 0; background:url(../images/myicon.png) no-repeat -894px -95px; cursor:pointer; }
.warn-message .warn-info, .seat-message .warn-info{ border-radius:0 0 5px 5px; padding:10px; background-color:#ffffff; border:1px #f75555 solid; border-top:0px; }


/*   大弹窗  */
/*.dialog { position:relative; width:720px; height:616px; background-color:#fff; position:absolute; left:50%; top:2px; margin-left:-530px; }*/
.dialog { position:relative; width:720px; height:550px; background-color:#fff; }
.uc { -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none; user-select:none; }
.dialog .dialog-title { height:40px; background-color:#389fda; font-size:18px; line-height:39px; color:#333; padding:0 10px 0 20px; }
.dialog .dialog-title span{ display:inline-block; float:right; width:24px; height:24px; background:url(../images/dialog_icon.png) no-repeat left top; margin-top:8px; cursor:pointer; }
.dialog .dialog-title span:hover{ background-position:left -50px; }
.dialog-option { height:320px; border-bottom:1px #e1e1e1 solid; }
.dialog-option .l{ float:left; width:349px; height:320px; padding-left:20px; border-right:1px #e1e1e1 solid; }
/*.user-name { height:70px; padding-left:70px; position:relative; line-height:69px; font-size:18px; } */
.user-name { mix-height:60px; position:relative; margin-top: 12px;}
.user-name img{ position:absolute; left:0px; top:10px; }
.user-name .custcallerno { line-height:59px; font-size:18px; }
.user-name .teamname { line-height:26px; font-size:14px; padding-bottom:20px; }
.buttom-box { height:40px; }
.buttom-box span{ display:inline-block; width:50px; height:22px; line-height:22px; text-align:center; font-size:14px; border:1px #806d21 solid; border-radius:8px; margin-right:10px; cursor:pointer; }
.bt1 {
	background-color:#f75c5c;
	background: -webkit-linear-gradient(to top,#f75c5c 0,#ffffff 100%);
	background: -moz-linear-gradient(to top,#f75c5c 0,#ffffff 100%);
	background: -o-linear-gradient(to top,#f75c5c 0,#ffffff 100%);
	background: linear-gradient(to top,#f75c5c 0,#ffffff 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f75c5c,endColorstr=#ffffff,GradientType=0);
}
.bt2 {
	background-color:#3ec12c;
	background: -webkit-linear-gradient(to top,#3ec12c 0,#ffffff 100%);
	background: -moz-linear-gradient(to top,#3ec12c 0,#ffffff 100%);
	background: -o-linear-gradient(to top,#3ec12c 0,#ffffff 100%);
	background: linear-gradient(to top,#3ec12c 0,#ffffff 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3ec12c,endColorstr=#ffffff,GradientType=0);
}
.user-list { height:40px; }
.user-list .textbox { border:1px solid #cccccc; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
.panel-body { border-color: #cccccc; }
.combo-arrow { background: url(../images/combo_arrow.png) no-repeat center center; background-color: rgba(0, 0, 0, .1); }
.combo-arrow:hover { background-color: rgba(0, 0, 0, .2); }
.textbox .textbox-text {  font-size:14px; }
.combobox-item { line-height:20px; font-size:14px; }
.textarea-box textarea{ width:294px; height:60px; line-height:20px; font-size:14px; padding:3px; border-style:none; border:1px #cccccc solid; }
.submit-box { width:240px; padding:20px 0 0 30px; clear:both; }
.bt3 { display:inline-block; height:26px; padding:0 10px; background-color:#389fda; line-height:24px; font-size:14px; cursor:pointer; text-align:center; color:#333; border:1px #ccae37 solid; border-radius:3px; }
.ftor { float:right; }

.dialog-option .r{ margin-left:370px; width:350px; height:320px; }
.center-map { width:330px; height:458px; padding:10px; }
.data-submit { padding-top:10px; }
.f16{ font-size:14px; }
.f16{ font-size:14px; }
.data-submit .title { padding-left:10px; }
.data-submit .title input { line-height:22px; font-size:14px; padding:3px; border-style:none; border:1px #cccccc solid; }
.cbox { padding:10px 0 0 10px; overflow:hidden; }
.cbox li{ float:left; }
.cbox textarea{ width:260px; height:60px; line-height:20px; font-size:14px; padding:3px; border-style:none; border:1px #cccccc solid; }
.glay-bc{ border-style:none; border:1px solid #ccc; }
.cbox li span{ display:inline-block; padding:3px 4px; }
.colname { height:66px; overflow-x:hidden; overflow-y:auto; padding:8px 0 0 34px; line-height:22px; margin-right:5px; }
.colname span{ display:inline-block; }
.okbut { width:200px; margin:0 auto; padding-top:8px; }

.record-list { padding-top:4px; }
.record-head { height:31px; border-bottom:1px #ccae37 solid; padding-top:5px; }
.record-head span{ display:inline-block; height:31px; line-height:30px; font-size:14px; padding:0 10px; cursor:pointer; }
.record-head span.selected{ background-color:#389fda; border:1px #ccae37 solid; border-bottom:0; border-radius:5px 5px 0 0; }
.record-con table{ border-collapse:collapse; border:0px #e1e1e1 solid; }
.record-con .head td{ text-align:center; font-size:14px; background-color:#eeeeee; color:#000000;}
.record-con td{ height:28px; line-height:28px; padding:0 3px; border-right:1px #e1e1e1 solid; border-bottom:1px #e1e1e1 solid; }
.record-con .pagination { height:32px; padding-top:4px; overflow:hidden }
.record-con .pagination td{ border:0px; padding:1px 3px; }
.record-con td.state{ text-align:center }
.record-con .datagrid-cell { line-height:26px; }
.record-con .pagination-btn-separator { margin:0px; height:auto; }
.record-con .datagrid .datagrid-pager { border:0; }

.dialog-child { position:absolute; width:320px; padding:0 10px; height:550px; overflow:auto; background-color:#ffffff; right:0; top:0; margin-right:-340px; border-left:1px #CCC solid; }
.dialog-child-close { position:absolute; right:2px; top:2px; width:30px; height:30px; background:url(../images/dialog_icon.png) no-repeat -100px top; z-index:300; cursor:pointer; }
.dialog-child-close:hover { background-position:-200px top; }
.dialog-child .myeventElement:first-child { border-top:0px; }
.dialog-child .myeventElement .user-info { position:relative; height:80px; }
.dialog-child .nobd .user-info { padding-left:0; padding-right:0; }
.dialog-child .myeventElement .new { background-color:#f75555; }
.dialog-child .myeventElement .new .nsign{ position:absolute; left:33px; top:20px; background:url(../images/myicon.png) no-repeat -550px top; width:8px; height:8px; overflow:hidden; border-radius:50%; }
.dialog-child .myeventElement .user-info .p{ float:left; width:60px; padding-top:20px; }
.dialog-child .myeventElement .user-info .p img{ border-radius:50%; width:45px; height:45px; }
.dialog-child .myeventElement .user-info .c{ margin-left:60px; margin-right:40px; padding-top:16px; line-height:22px; font-size:14px; }
.dialog-child .myeventElement .user-info .c font{ font-size:14px; color:#646464; }
.dialog-child .myeventElement .user-info .addlabel{ float:right; width:40px; padding-top:30px; }
.dialog-child .myeventElement .user-info .addlabel span{ display:inline-block; width:21px; height:25px; background:url(../images/myicon.png) no-repeat -170px top; }
.dialog-child .myeventElement .new .addlabel span{ display:inline-block; width:21px; height:25px; background:url(../images/myicon.png) no-repeat -170px top; }
.dialog-child .myeventElement .event-info-title { font-size:20px; padding:1px 0 5px 0; line-height:22px; }
.dialog-child .myeventElement .event-info-title span{ float:left; display:block; font-size:12px; line-height:22px; padding: 0 10px; border-radius:11px; margin-right:6px; }
.dialog-child .myeventElement .event-info-title span.war1{ background-color:#3066ff; color:#ffffff; }
.dialog-child .myeventElement .event-info-title span.war2{ background-color:#fae003; color:#ffffff; }
.dialog-child .myeventElement .event-info-title span.war3{ background-color:#f48835; color:#ffffff; }
.dialog-child .myeventElement .event-info-title span.war4{ background-color:#fd5554; color:#ffffff; }
.dialog-child .myeventElement .column-con { overflow:hidden; }
.dialog-child .myeventElement .event-info { font-size:14px; color:#646464; line-height:22px; padding-bottom:10px; }
.dialog-child .myeventElement .event-info-pic img{ max-width:315px; }
.dialog-child .myeventElement .event-info-pic p{ padding:3px 0; }
.dialog-child .myeventElement .other-file{ padding:5px 0; }
.dialog-child .myeventElement .piclist img{ max-width:320px; margin:3px 0; }
.dialog-child .myeventElement .piclist p{ font-size:14px; line-height:24px; }
.dialog-child .myeventElement .piclist p.attachment{ font-size:18px; }
.dialog-child .myeventElement .event-time { font-size:14px; color:#909090; padding:10px 0; clear:both; }
/*  End 大弹窗  */
.window {
	background-color: #389fda;
	background: -webkit-linear-gradient(top,#389fda 0,#389fda 20%);
	background: -moz-linear-gradient(top,#389fda 0,#389fda 20%);
	background: -o-linear-gradient(top,#389fda 0,#389fda 20%);
	background: linear-gradient(to bottom,#389fda 0,#389fda 20%);
	background-repeat: repeat;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#389fda,endColorstr=#389fda,GradientType=0);
	border-color:#fff;
}
.window .window-body { border-color:#fff; }
.window-header{ border-color:#fff; }
.panel-title { color:#323232; padding-left:5px; }
#callNum { color:#ffffff; font-size:12px; }
.panel-tool-min { background:url(../images/myicon.png) no-repeat -100px -540px; margin:0px 0px 0 0; }
.searchForm { padding:5px; }
.searchForm .textbox { border:1px #95B8E7 solid; }

#empeditform {}
#empeditform td{ line-height:26px; padding:10px 3px; font-size:14px; color:#323232; }
#empeditform td input{ height:26px; line-height:26px; padding:0 3px; font-size:14px; border:none; border:1px #95B8E7 solid; border-radius:3px; color:#323232; }
#empeditform td button{
	/*font-size:14px; background-color:#389fda; border-radius:3px; */
	/*border-style:none; color:#323232; cursor:pointer; padding:5px 10px; */
	display: inline-block;
	padding: 0 10px;
	height: 32px;
	line-height:29px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #00B7A8;
	/*margin-left: 40px;*/
	border-radius: 5px;
	color:#00B7A8;
	background:#fff;
	margin-left: 15px;
}
.settingbtn button{
	/*font-size:14px; background-color:#389fda; */
	/*border-radius:3px; border-style:none; color:#323232; */
	/*cursor:pointer; margin-left:15px; padding:5px 15px;*/
	display: inline-block;
	padding: 0 10px;
	height: 32px;
	line-height:29px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #519fca;
	margin-left: 20px;
	border-radius: 5px;
	color:#519fca;
	background:#fff;
}

.settingbtn .save-but{
	color:#00B7A8;
	border-color:#00B7A8;
}

.dialog-button { border:1px #389fda solid; border-top:1px #dddddd solid; }

/*20180112 add start*/
.maptop-right td{padding: 0 20px;height: 48px;line-height:48px;}
.maptop-right td.clickStyleTd{ color:#009fdb;}

#selyuan{
	width: 96%;
	margin: 5px 5px 8px;
	min-height: 30px;
}
#rightColumnShowup>button{
	margin-left: 5%;
	background: #fff;
	border: none;
	border: 1px solid #00b7a9;
	border-radius: 5px;
	color: #00b7a9;
	line-height: 20px;
}
.rightlist{
	overflow: hidden;
}
#rightYuan >iframe{
	width: 96%!important;
	height: 100%;
	overflow: hidden;
	padding: 0 0 0 5px
}
#rightColumnShowup{
	height: 100%;
	overflow: auto;
}
.maptop-leftb .maptop-leftbTxt{
	padding: 2px 5px;
	margin-right: 3px;
	line-height: 26px;
	font-size:18px;
}
.event-info-title p{
	font-size:14px;
}
/*20180112 add end*/